import React, { FC } from 'react';
import { Select, Button, Card, Input } from 'antd'; // 引入 Input 组件

const { Option } = Select;

const SchoolInfoAudit: FC = () => {
  const handleExport = () => {
    console.log('导出数据');
  };

  const handleBack = () => {
    console.log('返回');
  };

  const handleSave = () => {
    console.log('保存并提交');
  };

  return (
    <div>
      <div
        style={{
          backgroundColor: 'white',
          padding: '10px 20px',
          borderRadius: '8px',
          boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
          marginBottom: '20px',
          fontSize: '20px',
          fontWeight: 'bold',
        }}
      >
        资产管理
      </div>
      <Card
        style={{
          borderRadius: '8px',
          boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
        }}
      >
        <div className="slectr">
          <div className="selectr" style={{ marginBottom: '20px' }}>
            <Select defaultValue="选择年份" style={{ width: 200 }}>
              <Option value="2024">2024</Option>
              <Option value="2023">2023</Option>
              <Option value="2022">2022</Option>
              <Option value="2021">2021</Option>
              <Option value="2020">2020</Option>
              {/* 可以根据需要添加更多选项 */}
            </Select>
            <Button type="primary" onClick={handleExport}>
              导出
            </Button>
          </div>
          <div className="ytitle">
            <h4>园所名称：xxx第一幼儿园</h4>
          </div>
          <div className="menu">
            <div className="tent">
              <h4>资产情况</h4>
              <div style={{ display: 'flex', flexWrap: 'wrap' }}>
                <div style={{ width: '50%', padding: '10px' }}>
                  <label>
                    占地面积(m2)：
                    <Input placeholder="请输入" />
                  </label>
                </div>
                <div style={{ width: '50%', padding: '10px' }}>
                  <label>
                    绿化用地面积(m2)：
                    <Input placeholder="请输入" />
                  </label>
                </div>
                <div style={{ width: '50%', padding: '10px' }}>
                  <label>
                    室外游戏场地(m2)：
                    <Input placeholder="请输入" />
                  </label>
                </div>
                <div style={{ width: '50%', padding: '10px' }}>
                  <label>
                    图书(测)：
                    <Input placeholder="请输入" />
                  </label>
                </div>
                <div style={{ width: '50%', padding: '10px' }}>
                  <label>
                    固定资产总值(万元)：
                    <Input placeholder="请输入" />
                  </label>
                </div>
                <div style={{ width: '50%', padding: '10px' }}>
                  <label>
                    玩教具资产值(万元)：
                    <Input placeholder="请输入" />
                  </label>
                </div>
              </div>
            </div>
            <div className="bot" style={{ marginTop: '20px', display: 'flex', justifyContent: 'space-between' }}>
              <Button type="default" onClick={handleBack} style={{ backgroundColor: 'white' }}>
                返回
              </Button>
              <Button type="primary" onClick={handleSave}>
                保存并提交
              </Button>
            </div>
          </div>
        </div>
      </Card>
    </div>
  );
};

export default SchoolInfoAudit;
